   <?php
   //userQueries::userLevel("1");
      $auth = Auth::getAuth('current_user');
      $userCompany = new userQueries();
   ?>
<script type="text/javascript" src="/js/functions/groups.js"></script>
<div class="content_wrapper">
   <div class="padding_5">
      <div class="body_header_container">
         <div class="head">
            <div class="title_head">
               <i class="icon-users"></i> Groups
            </div>
         </div>
      </div>
      <div class="pull-left" style="width:35%">
         <div class="widget" style="height: 500px;background-color: #fff;">
            <div class="head">
               <div class="title_head">
                  List of Groups
               </div>
               <div class="right_bar_tab num">
                  <a href="#" class="redNum groupCount">0</a>
               </div>
            </div>
            <!-- Show list of msg on inbox -->
            
            <div class="group_lists">
               <div style="margin-left:30%;margin-top:20%">
                <img src="/images/loader/loader.gif"/>
              </div>
            </div>
          </div>
      </div>
      <div class="pull-right" style="width: 64%;">
         <div class="widget" style="min-height: 500px;background-color: #fff;">
            <div class="head">
               <div class="title_head" id="uc-group">
                  Create Group
               </div>
            </div>
            <div class="msg_container">
              <div id="" style="float: left;border: 1px solid #ddd;min-height: 40px;margin-top: 5px;width: 100%;padding-bottom: 8px;">
                <div style="float:left;margin-top: 13px;margin-left:12px;font-weight: bold;">Name: <font color="red">*</font></div>
                <input type="text" id="" class="input-small gName" style="border: none;box-shadow:none;margin-left: 12px;margin-top: 8px;width:70%">
              </div>
              <div id="userList" style="float: left;border: 1px solid #ddd;min-height: 40px;margin-top: 5px;width: 100%;padding-bottom: 8px;">
                 <div style="float:left;margin-top: 13px;margin-left:12px;font-weight: bold;">
                    Members: <font color="red">*</font>
                 </div>
                    <input type="text" id="listRecipient1" class="input-small msgBoxTo" data-tag-id="0" style="border: none;box-shadow:none;margin-left: 12px;margin-top: 8px;">
              </div>
              <div style="float: left;width: 100%;">
                   <div id="displayUser1"></div>
              </div>
            </div>
            
      </div>   
      <input type="button" class="btn-basicBtn pull-right cancel_update" value="Cancel" style="margin-top:10px;">
      <input type="button" class="btn-blueBtn pull-right addGroup" value="Save" style="margin-top:10px;margin-right:10px">
   </div>
</div>
